<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <title>等待乘客</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">

    <link rel="stylesheet" href="css/weui.css">
    <link rel="stylesheet" href="css/jquery-weui.css">
    <link rel="stylesheet" href="css/style.css">

<style type="text/css">
    .weui-actionsheet__cell{font-size: 16px;}

</style>
</head>
<body class="back1">
    <div class="index-top">
        <div class="index-back" onClick="javascript:history.back(-1);">
            <img src="images/back.png" width="15">
        </div>
        <p class="index-title">等待乘客</p>
        <div class="index-right" id="cancelXuan">
            <img src="images/xuan.png" width="15">
        </div>
    </div>
    

    <!-- 这里写内容 -->
    <div style="margin-top: 45px;">    
    </div>
    <div class="index-box waitCarOwnerRec">
        <div class="yourTrip">
            <p>初心法式甜品</p>
            <img src="images/jiantou.png" width="15">
            <p>鹿邑饭店</p>
        </div>
        <div class="cancelOrderBtn"><a href="取消行程.html" id="cancelOrd">取消行程</a></div>
    </div>

    <!--没有顺风乘客-->
    <div class="waitCarOwner">
        <img src="images/shal2.png" width="60">
        <p class="p1">正在持续寻找顺路乘客</p>
        <p class="p2">顺风车是预约制，耐心等待可以提高接单率</p>
    </div>

    <!--有顺风乘客-->
    <!-- 顺路乘客第一个 -->
    <div class="index-box index-xingchengz">
        <div class="weui-cells">
            <div class="weui-cell left0">
                <div class="weui-cell__hd">
                    <div class="touxiang">
                        <img class="t-photo" src="images/photo.jpg" width="60" height="60">
                        <img class="t-icon" src="images/sex1.png" width="15">
                    </div>
                </div>
                <div class="weui-cell__bd pos-tel">
                    <p class="f17">许元发</p>
                    <p class="xcz-chexing"> 
                        <span class="xinren">信任值80分</span>
                        <!--<span>华泰圣达菲</span>-->
                    </p>
                    <div class="pos-tel-abs"><img src="images/tel.png" width="30"></div>
                </div>
            </div>
            <div class="weui-cell left0">

                <div class="weui-cell__bd xingchengz">
                    
                    <div class="weui-cells">
                        <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <img src="images/wait.png" width="8" class="wait">
                            </div>
                            <div class="weui-cell__bd">
                                <p>
                                    <span>今天 18:30</span>
                                    <span class="font1">3人</span>
                                    <span class="font2">95%顺路</span>
                                </p>
                            </div>
                        </div>
                        <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <span class="dian"></span>
                            </div>
                            <div class="weui-cell__bd">
                                <p>
                                    <span>周口一高（西门）</span>
                                    <span class="font1">银珠路 7km</span>
                                </p>
                            </div>
                        </div>
                        <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <span class="dian2"></span>
                            </div>
                            <div class="weui-cell__bd">
                                <p>
                                    <span>项城市中医院</span>
                                    <span class="font1">湖滨路 3.4km</span>
                                </p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="weui-cell left0">
                
                <div class="weui-cell__bd">
                    <p class="xingchengz-tel">
                        <span class="col1">正在寻找顺风车</span>
                        <a href="javascript:;" id="reserve1" class="telephone" style="padding: 0 16px;">我要接单</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
    
    <!-- 第二个 -->
    <div class="index-box index-xingchengz">
        <div class="weui-cells">
            <div class="weui-cell left0">
                <div class="weui-cell__hd">
                    <div class="touxiang">
                        <img class="t-photo" src="images/photo.jpg" width="60" height="60">
                        <img class="t-icon" src="images/sex2.png" width="15">
                    </div>
                </div>
                <div class="weui-cell__bd pos-tel">
                    <p class="f17">刘广</p>
                    <p class="xcz-chexing"> 
                        <span class="xinren">信任值80分</span>
                        <!--<span>华泰圣达菲</span>-->
                    </p>
                    <div class="pos-tel-abs"><img src="images/tel.png" width="30"></div>
                </div>
            </div>
            <div class="weui-cell left0">

                <div class="weui-cell__bd xingchengz">
                    
                    <div class="weui-cells">
                        <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <img src="images/wait.png" width="8" class="wait">
                            </div>
                            <div class="weui-cell__bd">
                                <p>
                                    <span>今天 18:30</span>
                                    <span class="font1">3人</span>
                                    <span class="font2">95%顺路</span>
                                </p>
                            </div>
                        </div>
                        <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <span class="dian"></span>
                            </div>
                            <div class="weui-cell__bd">
                                <p>
                                    <span>周口一高（西门）</span>
                                    <span class="font1">银珠路 7km</span>
                                </p>
                            </div>
                        </div>
                        <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <span class="dian2"></span>
                            </div>
                            <div class="weui-cell__bd">
                                <p>
                                    <span>项城市中医院</span>
                                    <span class="font1">湖滨路 3.4km</span>
                                </p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="weui-cell left0">
                <div class="weui-cell__bd">
                    <p class="xingchengz-tel">
                        <span class="col1">正在寻找顺风车</span>
                        <a href="javascript:;" id="reserve2" class="telephone" style="padding: 0 16px;">我要接单</a>
                    </p>
                </div>
            </div>
        </div>
    </div>

<script src="js/jquery.min.js"></script>
<script src="js/jquery-weui.min.js"></script>
    <script>
        $(document).on("click", "#reserve1,#reserve2", function() {
            $.confirm("您确定要接单吗?", "确认接单?", function() {
                //确定操作
                $.toast("已接单!");
            }, function() {
                //取消操作
            });
        });
        // 显示操作
        $(document).on("click", "#cancelXuan", function() {
            $.actions({
                // title: "选择操作",
                onClose: function() {
                    console.log("close");
                },
                actions: [
                    {
                        text: "重新发布行程",
                        onClick: function() {
                            // $.alert("发布成功");
                            location.href="确认发布.html";
                        }
                    },
                    {
                        text: "取消订单",
                        onClick: function() {
                            // $.alert("你选择了“取消订单”");
                            location.href="取消成功.html";
                        }
                    }
                ]
            });
        });

        $(document).on("click","#cancelOrd",function () {
            // 点击取消订单按钮
        });
    </script>
</body>
</html>

